<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>uAdmin - Professional, Responsive and Flat Admin Template</title>
<meta name="description" content="uAdmin is a Professional, Responsive and Flat Admin Template created by pixelcave and published on Themeforest" />
<meta name="author" content="pixelcave" />
<meta name="robots" content="index, follow" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<link rel="shortcut icon" href="img/favicon.ico" />
<link rel="apple-touch-icon" href="img/apple-touch-icon.png" />
<link rel="apple-touch-icon" sizes="57x57" href="img/apple-touch-icon-57x57-precomposed.png" />
<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72-precomposed.png" />
<link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114-precomposed.png" />
<link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-precomposed.png" />
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic" />       
<link rel="stylesheet" href="css/bootstrap.css" />
<link rel="stylesheet" href="css/plugins.css" />
<link rel="stylesheet" href="css/main.css" />
<script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>
<div id="page-container">
<header class="navbar navbar-inverse">
<div class="navbar-inner remove-radius remove-box-shadow">
<div class="container-fluid">
<ul class="nav pull-right visible-phone visible-tablet">
<li class="divider-vertical remove-margin"></li>
<li>
<a href="javascript:void(0)" data-toggle="collapse" data-target=".nav-collapse">
<i class="icon-reorder"></i>
</a>
</li>
</ul>
<a href="index.php" class="brand"><img src="img/template/logo.png" alt="logo" /></a>
<div id="loading" class="hide pull-left"><i class="icon-certificate icon-spin"></i></div>
<ul id="widgets" class="nav pull-right">
<li class="divider-vertical remove-margin"></li>
<li id="rss-widget" class="dropdown dropdown-left-responsive">
<a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">
<i class="icon-rss"></i>
<span class="badge badge-warning display-none"></span>
</a>
<ul class="dropdown-menu widget widget-fluid">
<li class="widget-heading text-center">Web Design</li>
<li class="li-hover"><a href="javascript:void(0)" class="widget-link"><i class="icon-umbrella"></i>This is a headline</a></li>
<li class="divider"></li>
<li class="li-hover"><a href="javascript:void(0)" class="widget-link"><i class="icon-trophy"></i>Another headline</a></li>
<li class="divider"></li>
<li class="li-hover"><a href="javascript:void(0)" class="widget-link"><i class="icon-suitcase"></i>Headlines keep coming!</a></li>
<li class="widget-heading text-center">Web Developent</li>
<li class="li-hover"><a href="javascript:void(0)" class="widget-link"><i class="icon-phone"></i>New headline</a></li>
<li class="divider"></li>
<li class="li-hover"><a href="javascript:void(0)" class="widget-link"><i class="icon-pencil"></i>Another one</a></li>
<li class="divider"></li>
<li><a href="javascript:void(0)" class="text-center">All News</a></li>
</ul>
</li>
<li class="divider-vertical remove-margin"></li>
<li id="twitter-widget" class="dropdown dropdown-left-responsive">
<a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">
<i class="icon-twitter"></i>
<span class="badge badge-info display-none"></span>
</a>
<ul class="dropdown-menu widget">
<li class="widget-heading"><i class="icon-comments-alt pull-right"></i>Latest Tweets</li>
<li class="li-hover">
<div class="media">
<a class="pull-left" href="javascript:void(0)">
<img src="img/placeholders/image_dark_64x64.png" alt="fakeimg" />
</a>
<div class="media-body">
<h6 class="media-heading"><a href="javascript:void(0)">Michael</a><span class="label label-info">just now</span></h6>
<div class="media">Web design all the way!</div>
</div>
</div>
</li>
<li class="divider"></li>
<li class="li-hover">
<div class="media">
<a class="pull-left" href="javascript:void(0)">
<img src="img/placeholders/image_dark_64x64.png" alt="fakeimg" />
</a>
<div class="media-body">
<h6 class="media-heading"><a href="javascript:void(0)">Monica</a><span class="label label-info">3 min ago</span></h6>
<div class="media">Download free PSDs at <a href="http://bit.ly/YUs4SQ" target="_blank">http://bit.ly/YUs4SQ</a></div>
</div>
</div>
</li>
<li class="divider"></li>
<li class="li-hover">
<div class="media">
<a class="pull-left" href="javascript:void(0)">
<img src="img/placeholders/image_dark_64x64.png" alt="fakeimg" />
</a>
<div class="media-body">
<h6 class="media-heading"><a href="javascript:void(0)">Steven</a><span class="label label-info">45 min ago</span></h6>
<div class="media">Be sure to check out my portfolio!</div>
</div>
</div>
</li>
<li class="divider"></li>
<li class="li-hover">
<div class="media">
<a class="pull-left" href="javascript:void(0)">
<img src="img/placeholders/image_dark_64x64.png" alt="fakeimg" />
</a>
<div class="media-body">
<h6 class="media-heading"><a href="javascript:void(0)">Tim</a><span class="label label-info">1 hour ago</span></h6>
<div class="media">Get all our themes for free for the next 2 hours! <a href="javascript:void(0)">#freebies</a></div>
</div>
</div>
</li>
</ul>
</li>
<li class="divider-vertical remove-margin"></li>
<li id="messages-widget" class="dropdown dropdown-left-responsive">
<a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">
<i class="icon-envelope"></i>
<span class="badge badge-success">1</span>
</a>
<ul class="dropdown-menu widget pull-right">
<li class="widget-heading"><i class="icon-comment pull-right"></i>Latest Messages</li>
<li class="new-on">
<div class="media">
<a class="pull-left" href="javascript:void(0)">
<img src="img/placeholders/image_light_64x64.png" alt="fakeimg" />
</a>
<div class="media-body">
<h6 class="media-heading"><a href="javascript:void(0)">George</a><span class="label label-success">2 min ago</span></h6>
<div class="media">Thanks for your help! The tutorial really helped me a lot!</div>
</div>
</div>
</li>
<li class="divider"></li>
<li>
<div class="media">
<a class="pull-left" href="javascript:void(0)">
<img src="img/placeholders/image_light_64x64.png" alt="fakeimg" />
</a>
<div class="media-body">
<h6 class="media-heading"><a href="javascript:void(0)">Mike</a><span class="label">6 hours ago</span></h6>
<div class="media">The logo is ready, have a look and let me know what you think!</div>
</div>
</div>
</li>
<li class="divider"></li>
<li>
<div class="media">
<a class="pull-left" href="javascript:void(0)">
<img src="img/placeholders/image_light_64x64.png" alt="fakeimg" />
</a>
<div class="media-body">
<h6 class="media-heading"><a href="javascript:void(0)">Julia</a><span class="label">1 day ago</span></h6>
<div class="media">We should better consider our social media marketing strategy!</div>
</div>
</div>
</li>
<li class="divider"></li>
<li class="text-center"><a href="javascript:void(0)">View All Messages</a></li>
</ul>
</li>
<li class="divider-vertical remove-margin"></li>
<li id="notifications-widget" class="dropdown dropdown-center-responsive">
<a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">
<i class="icon-flag"></i>
<span class="badge badge-important">1</span>
<span class="badge badge-warning">2</span>
</a>
<ul class="dropdown-menu widget">
<li class="widget-heading"><a href="javascript:void(0)" class="pull-right widget-link"><i class="icon-cog"></i></a><a href="javascript:void(0)" class="widget-link">System</a></li>
<li>
<ul>
<li class="label label-important">20 min ago</li>
<li class="text-error">Support system is down for maintenance!</li>
</ul>
</li>
<li>
<ul>
<li class="label label-warning">3 hours ago</li>
<li class="text-warning">PHP upgrade started!</li>
</ul>
</li>
<li>
<ul>
<li class="label label-warning">5 hours ago</li>
<li class="text-warning"><a href="javascript:void(0)" class="widget-link">1 support ticket</a> just opened!</li>
</ul>
</li>
<li class="widget-heading"><a href="javascript:void(0)" class="pull-right widget-link"><i class="icon-bookmark"></i></a><a href="javascript:void(0)" class="widget-link">Project #3</a></li>
<li>
<ul>
<li class="label label-success">3 weeks ago</li>
<li class="text-success">Project #3 <a href="javascript:void(0)" class="widget-link">published</a> successfully!</li>
</ul>
</li>
<li>
<ul>
<li class="label label-info">1 month ago</li>
<li class="text-info">Milestone #3 achieved!</li>
<li class="text-info"><a href="javascript:void(0)" class="widget-link">John Doe</a> joined the project!</li>
</ul>
</li>
<li>
<ul>
<li class="label">1 year ago</li>
<li class="text-muted">This is an old notification</li>
</ul>
</li>
<li class="divider"></li>
<li class="text-center"><a href="javascript:void(0)">View All Notifications</a></li>
</ul>
</li>
<li class="divider-vertical remove-margin"></li>
<li class="dropdown dropdown-user">
<a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown"><img src="img/template/avatar.png" alt="avatar" /> <b class="caret"></b></a>
<ul class="dropdown-menu">
<li>
<a href="javascript:void(0)" class="loading-on"><i class="icon-refresh"></i> Refresh</a>
</li>
<li class="divider"></li>
<li>
<a href="#modal-user-settings" role="button" data-toggle="modal"><i class="icon-user"></i> User Profile</a>
</li>
<li>
<a href="javascript:void(0)"><i class="icon-wrench"></i> App Settings</a>
</li>
<li class="divider"></li>
<li>
<a href="page_login.php"><i class="icon-lock"></i> Log out</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</header>
<div id="inner-container"><aside id="page-sidebar" class="nav-collapse collapse">
<form id="sidebar-search" method="post" onsubmit="return false;" />
<div class="input-append">
<input type="text" placeholder="Search.." class="remove-box-shadow remove-transition remove-radius" />
<button><i class="icon-search"></i></button>
</div>
</form>
<nav id="primary-nav">
<ul>
<li>
<a href="index.php"><i class="icon-fire"></i>Dashboard</a>
</li>
<li>
<a href="#"><i class="icon-magic"></i>UI Elements</a>
<ul>
<li>
<a href="page_ui_general.php"><i class="icon-star"></i>General</a>
</li>
<li>
<a href="page_forms.php"><i class="icon-th-list"></i>Forms</a>
</li>
<li>
<a href="page_tables.php"><i class="icon-table"></i>Tables</a>
</li>
</ul>
</li>
<li>
<a href="#"><i class="icon-leaf"></i>Components</a>
<ul>
<li>
<a href="page_charts.php"><i class="icon-bar-chart"></i>Charts</a>
</li>
<li>
<a href="page_calendar.php"><i class="icon-calendar"></i>Calendar</a>
</li>
<li>
<a href="page_datatables.php"><i class="icon-th"></i>DataTables</a>
</li>
</ul>
</li>
<li>
<a href="page_typography.php"><i class="icon-font"></i>Typography</a>
</li>
<li>
<a href="page_gallery.php"><i class="icon-picture"></i>Gallery</a>
</li>
<li class="active">
<a href="#"><i class="icon-tint"></i>Icons</a>
<ul>
<li>
<a href="page_fontawesome.php">FontAwesome</a>
</li>
<li>
<a href="page_gemicon.php" class="active">Gemicon</a>
</li>
</ul>
</li>
<li>
<a href="#"><i class="icon-file-alt"></i>Pages</a>
<ul>
<li>
<a href="page_profile.php">Profile</a>
</li>
<li>
<a href="page_faq.php">Faq</a>
</li>
<li>
<a href="page_errors.php">Errors</a>
</li>
<li>
<a href="page_blank.php">Blank</a>
</li>
</ul>
</li>
<li>
<a href="page_login.php"><i class="icon-off"></i>Login Page</a>
</li>
</ul>
</nav>
</aside><div id="page-content">
<ul id="nav-info" class="clearfix">
<li><a href="index.php"><i class="icon-home"></i></a></li>
<li><a href="javascript:void(0)">Icons</a></li>
<li class="active"><a href="">Gemicon</a></li>
</ul>
<h3 class="page-header page-header-top"><a href="http://gemicon.net/" target="_blank">Gemicon Icons</a> <small>CSS image sprite based - Converted to be used easily with CSS classes!</small></h3>
<ul class="icons">
<li><i class="icon-ok text-success"></i><strong>210 unique icons!</strong></li>
<li><i class="icon-ok text-success"></i><strong>1260 icons using all the variations!</strong></li>
<li>
<i class="icon-ok text-success"></i><strong>2 colors</strong>
<ul class="icons">
<li><i class="icon-arrow-right text-info"></i><strong>Grey</strong></li>
<li><i class="icon-arrow-right text-info"></i><strong>White</strong></li>
</ul>
</li>
<li>
<i class="icon-ok text-success"></i><strong>3 sizes</strong>
<ul class="icons">
<li><i class="icon-arrow-right text-info"></i><strong>small</strong> (16x16px)</li>
<li><i class="icon-arrow-right text-info"></i><strong>medium</strong> (32x32px)</li>
<li><i class="icon-arrow-right text-info"></i><strong>big</strong> (64x64px)</li>
</ul>
</li>
<li><i class="icon-ok text-success"></i>Replace the word <strong>small</strong> in the name of the class with <strong>medium</strong> or <strong>big</strong> to get the different sizes!</li>
<li><i class="icon-ok text-success"></i>Add the extra class <strong>gemicon-<em>size</em>-white</strong> for the white version of the icon (replace <strong><em>size</em></strong> with the size of the icon you are using: <strong>small</strong>, <strong>medium</strong> or <strong>big</strong>)!</li>
</ul>
<h4 class="sub-header">Example</h4>
<div class="row-fluid grid-boxes">
<div class="span4">
<code>.gemicon-small-meter</code>
<div><i class="gemicon-small-meter"></i></div>
</div>
<div class="span4">
<code>.gemicon-medium-meter</code>
<div><i class="gemicon-medium-meter"></i></div>
</div>
<div class="span4">
<code>.gemicon-big-meter</code>
<div><i class="gemicon-big-meter"></i></div>
</div>
</div>
<div class="row-fluid grid-boxes">
<div class="span4">
<code>.gemicon-small-meter</code>
<code>.gemicon-small-white</code>
<div><i class="gemicon-small-meter gemicon-small-white"></i></div>
</div>
<div class="span4">
<code>.gemicon-medium-meter</code>
<code>.gemicon-medium-white</code>
<div><i class="gemicon-medium-meter gemicon-medium-white"></i></div>
</div>
<div class="span4">
<code>.gemicon-big-meter</code>
<code>.gemicon-big-white</code>
<div><i class="gemicon-big-meter gemicon-big-white"></i></div>
</div>
</div>
<h4 class="sub-header">All Icons</h4>
<div class="row-fluid">
<div class="span4">
<ul class="unstyled">
<li><i class="gemicon-small-meter"></i> <code>.gemicon-small-meter</code></li>
<li><i class="gemicon-small-globe"></i> <code>.gemicon-small-globe</code></li>
<li><i class="gemicon-small-compass"></i> <code>.gemicon-small-compass</code></li>
<li><i class="gemicon-small-brightness"></i> <code>.gemicon-small-brightness</code></li>
<li><i class="gemicon-small-thermometer"></i> <code>.gemicon-small-thermometer</code></li>
<li><i class="gemicon-small-location"></i> <code>.gemicon-small-location</code></li>
<li><i class="gemicon-small-power"></i> <code>.gemicon-small-power</code></li>
<li><i class="gemicon-small-block"></i> <code>.gemicon-small-block</code></li>
<li><i class="gemicon-small-search"></i> <code>.gemicon-small-search</code></li>
<li><i class="gemicon-small-location-tag"></i> <code>.gemicon-small-location-tag</code></li>
<li><i class="gemicon-small-battery-empty"></i> <code>.gemicon-small-battery-empty</code></li>
<li><i class="gemicon-small-battery-half"></i> <code>.gemicon-small-battery-half</code></li>
<li><i class="gemicon-small-battery-full"></i> <code>.gemicon-small-battery-full</code></li>
<li><i class="gemicon-small-battery-charging"></i> <code>.gemicon-small-battery-charging</code></li>
<li><i class="gemicon-small-alarm"></i> <code>.gemicon-small-alarm</code></li>
<li><i class="gemicon-small-rocket"></i> <code>.gemicon-small-rocket</code></li>
<li><i class="gemicon-small-bike"></i> <code>.gemicon-small-bike</code></li>
<li><i class="gemicon-small-scooter"></i> <code>.gemicon-small-scooter</code></li>
<li><i class="gemicon-small-plane"></i> <code>.gemicon-small-plane</code></li>
<li><i class="gemicon-small-ship"></i> <code>.gemicon-small-ship</code></li>
<li><i class="gemicon-small-locomotive"></i> <code>.gemicon-small-locomotive</code></li>
<li><i class="gemicon-small-train"></i> <code>.gemicon-small-train</code></li>
<li><i class="gemicon-small-classic-bus"></i> <code>.gemicon-small-classic-bus</code></li>
<li><i class="gemicon-small-modern-bus"></i> <code>.gemicon-small-modern-bus</code></li>
<li><i class="gemicon-small-sport-car"></i> <code>.gemicon-small-sport-car</code></li>
<li><i class="gemicon-small-car"></i> <code>.gemicon-small-car</code></li>
<li><i class="gemicon-small-glasses"></i> <code>.gemicon-small-glasses</code></li>
<li><i class="gemicon-small-trash-can"></i> <code>.gemicon-small-trash-can</code></li>
<li><i class="gemicon-small-gear1"></i> <code>.gemicon-small-gear1</code></li>
<li><i class="gemicon-small-gear2"></i> <code>.gemicon-small-gear2</code></li>
<li><i class="gemicon-small-gear3"></i> <code>.gemicon-small-gear3</code></li>
<li><i class="gemicon-small-controller"></i> <code>.gemicon-small-controller</code></li>
<li><i class="gemicon-small-cassette"></i> <code>.gemicon-small-cassette</code></li>
<li><i class="gemicon-small-upload"></i> <code>.gemicon-small-upload</code></li>
<li><i class="gemicon-small-download"></i> <code>.gemicon-small-download</code></li>
<li><i class="gemicon-small-cloud"></i> <code>.gemicon-small-cloud</code></li>
<li><i class="gemicon-small-unlocked"></i> <code>.gemicon-small-unlocked</code></li>
<li><i class="gemicon-small-unlocked2"></i> <code>.gemicon-small-unlocked2</code></li>
<li><i class="gemicon-small-locked"></i> <code>.gemicon-small-locked</code></li>
<li><i class="gemicon-small-medicine"></i> <code>.gemicon-small-medicine</code></li>
<li><i class="gemicon-small-med-briefcase"></i> <code>.gemicon-small-med-briefcase</code></li>
<li><i class="gemicon-small-gym"></i> <code>.gemicon-small-gym</code></li>
<li><i class="gemicon-small-thumb-up"></i> <code>.gemicon-small-thumb-up</code></li>
<li><i class="gemicon-small-thumb-down"></i> <code>.gemicon-small-thumb-down</code></li>
<li><i class="gemicon-small-share"></i> <code>.gemicon-small-share</code></li>
<li><i class="gemicon-small-facebook"></i> <code>.gemicon-small-facebook</code></li>
<li><i class="gemicon-small-twitter"></i> <code>.gemicon-small-twitter</code></li>
<li><i class="gemicon-small-dribbble"></i> <code>.gemicon-small-dribbble</code></li>
<li><i class="gemicon-small-instagram"></i> <code>.gemicon-small-instagram</code></li>
<li><i class="gemicon-small-instagram2"></i> <code>.gemicon-small-instagram2</code></li>
<li><i class="gemicon-small-camera"></i> <code>.gemicon-small-camera</code></li>
<li><i class="gemicon-small-video-negative"></i> <code>.gemicon-small-video-negative</code></li>
<li><i class="gemicon-small-video"></i> <code>.gemicon-small-video</code></li>
<li><i class="gemicon-small-tv"></i> <code>.gemicon-small-tv</code></li>
<li><i class="gemicon-small-browser"></i> <code>.gemicon-small-browser</code></li>
<li><i class="gemicon-small-eye-view"></i> <code>.gemicon-small-eye-view</code></li>
<li><i class="gemicon-small-home"></i> <code>.gemicon-small-home</code></li>
<li><i class="gemicon-small-shopping-bag"></i> <code>.gemicon-small-shopping-bag</code></li>
<li><i class="gemicon-small-shopping-bag2"></i> <code>.gemicon-small-shopping-bag2</code></li>
<li><i class="gemicon-small-basket"></i> <code>.gemicon-small-basket</code></li>
<li><i class="gemicon-small-remove-tag"></i> <code>.gemicon-small-remove-tag</code></li>
<li><i class="gemicon-small-add-tag"></i> <code>.gemicon-small-add-tag</code></li>
<li><i class="gemicon-small-tag"></i> <code>.gemicon-small-tag</code></li>
<li><i class="gemicon-small-tag2"></i> <code>.gemicon-small-tag2</code></li>
<li><i class="gemicon-small-tag3"></i> <code>.gemicon-small-tag3</code></li>
<li><i class="gemicon-small-mastercard"></i> <code>.gemicon-small-mastercard</code></li>
<li><i class="gemicon-small-mastercard2"></i> <code>.gemicon-small-mastercard2</code></li>
<li><i class="gemicon-small-card"></i> <code>.gemicon-small-card</code></li>
<li><i class="gemicon-small-flag"></i> <code>.gemicon-small-flag</code></li>
<li><i class="gemicon-small-diamond"></i> <code>.gemicon-small-diamond</code></li>
</ul>
</div>
<div class="span4">
<ul class="unstyled">
<li><i class="gemicon-small-headset"></i> <code>.gemicon-small-headset</code></li>
<li><i class="gemicon-small-vol-mute"></i> <code>.gemicon-small-vol-mute</code></li>
<li><i class="gemicon-small-vol-min"></i> <code>.gemicon-small-vol-min</code></li>
<li><i class="gemicon-small-vol-medium"></i> <code>.gemicon-small-vol-medium</code></li>
<li><i class="gemicon-small-vol-max"></i> <code>.gemicon-small-vol-max</code></li>
<li><i class="gemicon-small-microphone"></i> <code>.gemicon-small-microphone</code></li>
<li><i class="gemicon-small-microphone2"></i> <code>.gemicon-small-microphone2</code></li>
<li><i class="gemicon-small-tickets"></i> <code>.gemicon-small-tickets</code></li>
<li><i class="gemicon-small-map"></i> <code>.gemicon-small-map</code></li>
<li><i class="gemicon-small-bubble"></i> <code>.gemicon-small-bubble</code></li>
<li><i class="gemicon-small-bubble2"></i> <code>.gemicon-small-bubble2</code></li>
<li><i class="gemicon-small-rec-bubble"></i> <code>.gemicon-small-rec-bubble</code></li>
<li><i class="gemicon-small-rec-bubble2"></i> <code>.gemicon-small-rec-bubble2</code></li>
<li><i class="gemicon-small-heart"></i> <code>.gemicon-small-heart</code></li>
<li><i class="gemicon-small-water"></i> <code>.gemicon-small-water</code></li>
<li><i class="gemicon-small-wine-glass"></i> <code>.gemicon-small-wine-glass</code></li>
<li><i class="gemicon-small-wine-glass2"></i> <code>.gemicon-small-wine-glass2</code></li>
<li><i class="gemicon-small-classic-cocktail"></i> <code>.gemicon-small-classic-cocktail</code></li>
<li><i class="gemicon-small-cocktail"></i> <code>.gemicon-small-cocktail</code></li>
<li><i class="gemicon-small-beermug-empty"></i> <code>.gemicon-small-beermug-empty</code></li>
<li><i class="gemicon-small-beermug"></i> <code>.gemicon-small-beermug</code></li>
<li><i class="gemicon-small-tea"></i> <code>.gemicon-small-tea</code></li>
<li><i class="gemicon-small-coffee-cup"></i> <code>.gemicon-small-coffee-cup</code></li>
<li><i class="gemicon-small-coffee-cup2"></i> <code>.gemicon-small-coffee-cup2</code></li>
<li><i class="gemicon-small-ice-cream"></i> <code>.gemicon-small-ice-cream</code></li>
<li><i class="gemicon-small-ice-cream2"></i> <code>.gemicon-small-ice-cream2</code></li>
<li><i class="gemicon-small-ice-cream3"></i> <code>.gemicon-small-ice-cream3</code></li>
<li><i class="gemicon-small-chicken-drumstick"></i> <code>.gemicon-small-chicken-drumstick</code></li>
<li><i class="gemicon-small-ribbon"></i> <code>.gemicon-small-ribbon</code></li>
<li><i class="gemicon-small-tick"></i> <code>.gemicon-small-tick</code></li>
<li><i class="gemicon-small-cross"></i> <code>.gemicon-small-cross</code></li>
<li><i class="gemicon-small-plus"></i> <code>.gemicon-small-plus</code></li>
<li><i class="gemicon-small-minus"></i> <code>.gemicon-small-minus</code></li>
<li><i class="gemicon-small-reload"></i> <code>.gemicon-small-reload</code></li>
<li><i class="gemicon-small-star"></i> <code>.gemicon-small-star</code></li>
<li><i class="gemicon-small-down"></i> <code>.gemicon-small-down</code></li>
<li><i class="gemicon-small-up"></i> <code>.gemicon-small-up</code></li>
<li><i class="gemicon-small-right"></i> <code>.gemicon-small-right</code></li>
<li><i class="gemicon-small-left"></i> <code>.gemicon-small-left</code></li>
<li><i class="gemicon-small-laptop"></i> <code>.gemicon-small-laptop</code></li>
<li><i class="gemicon-small-task"></i> <code>.gemicon-small-task</code></li>
<li><i class="gemicon-small-warning"></i> <code>.gemicon-small-warning</code></li>
<li><i class="gemicon-small-key"></i> <code>.gemicon-small-key</code></li>
<li><i class="gemicon-small-list-image"></i> <code>.gemicon-small-list-image</code></li>
<li><i class="gemicon-small-details"></i> <code>.gemicon-small-details</code></li>
<li><i class="gemicon-small-lists"></i> <code>.gemicon-small-lists</code></li>
<li><i class="gemicon-small-grid-big"></i> <code>.gemicon-small-grid-big</code></li>
<li><i class="gemicon-small-grid"></i> <code>.gemicon-small-grid</code></li>
<li><i class="gemicon-small-fullscreen"></i> <code>.gemicon-small-fullscreen</code></li>
<li><i class="gemicon-small-anchors"></i> <code>.gemicon-small-anchors</code></li>
<li><i class="gemicon-small-calendar"></i> <code>.gemicon-small-calendar</code></li>
<li><i class="gemicon-small-calendar2"></i> <code>.gemicon-small-calendar2</code></li>
<li><i class="gemicon-small-group"></i> <code>.gemicon-small-group</code></li>
<li><i class="gemicon-small-personal"></i> <code>.gemicon-small-personal</code></li>
<li><i class="gemicon-small-male"></i> <code>.gemicon-small-male</code></li>
<li><i class="gemicon-small-female"></i> <code>.gemicon-small-female</code></li>
<li><i class="gemicon-small-eraser"></i> <code>.gemicon-small-eraser</code></li>
<li><i class="gemicon-small-pen"></i> <code>.gemicon-small-pen</code></li>
<li><i class="gemicon-small-pencil-paper"></i> <code>.gemicon-small-pencil-paper</code></li>
<li><i class="gemicon-small-pencil"></i> <code>.gemicon-small-pencil</code></li>
<li><i class="gemicon-small-tie"></i> <code>.gemicon-small-tie</code></li>
<li><i class="gemicon-small-tie2"></i> <code>.gemicon-small-tie2</code></li>
<li><i class="gemicon-small-briefcase"></i> <code>.gemicon-small-briefcase</code></li>
<li><i class="gemicon-small-disk"></i> <code>.gemicon-small-disk</code></li>
<li><i class="gemicon-small-crop"></i> <code>.gemicon-small-crop</code></li>
<li><i class="gemicon-small-email-front"></i> <code>.gemicon-small-email-front</code></li>
<li><i class="gemicon-small-email"></i> <code>.gemicon-small-email</code></li>
<li><i class="gemicon-small-box"></i> <code>.gemicon-small-box</code></li>
<li><i class="gemicon-small-attachment"></i> <code>.gemicon-small-attachment</code></li>
<li><i class="gemicon-small-attachment2"></i> <code>.gemicon-small-attachment2</code></li>
</ul>
</div>
<div class="span4">
<ul class="unstyled">
<li><i class="gemicon-small-notepad"></i> <code>.gemicon-small-notepad</code></li>
<li><i class="gemicon-small-bill"></i> <code>.gemicon-small-bill</code></li>
<li><i class="gemicon-small-files"></i> <code>.gemicon-small-files</code></li>
<li><i class="gemicon-small-news"></i> <code>.gemicon-small-news</code></li>
<li><i class="gemicon-small-documents"></i> <code>.gemicon-small-documents</code></li>
<li><i class="gemicon-small-calculator"></i> <code>.gemicon-small-calculator</code></li>
<li><i class="gemicon-small-clipboard"></i> <code>.gemicon-small-clipboard</code></li>
<li><i class="gemicon-small-clipboard-tick"></i> <code>.gemicon-small-clipboard-tick</code></li>
<li><i class="gemicon-small-article"></i> <code>.gemicon-small-article</code></li>
<li><i class="gemicon-small-add-article"></i> <code>.gemicon-small-add-article</code></li>
<li><i class="gemicon-small-remove-article"></i> <code>.gemicon-small-remove-article</code></li>
<li><i class="gemicon-small-folder"></i> <code>.gemicon-small-folder</code></li>
<li><i class="gemicon-small-add-folder"></i> <code>.gemicon-small-add-folder</code></li>
<li><i class="gemicon-small-remove-folder"></i> <code>.gemicon-small-remove-folder</code></li>
<li><i class="gemicon-small-chart"></i> <code>.gemicon-small-chart</code></li>
<li><i class="gemicon-small-presentation"></i> <code>.gemicon-small-presentation</code></li>
<li><i class="gemicon-small-statistics-up"></i> <code>.gemicon-small-statistics-up</code></li>
<li><i class="gemicon-small-statistics-down"></i> <code>.gemicon-small-statistics-down</code></li>
<li><i class="gemicon-small-magic-mouse"></i> <code>.gemicon-small-magic-mouse</code></li>
<li><i class="gemicon-small-imac"></i> <code>.gemicon-small-imac</code></li>
<li><i class="gemicon-small-ipad-potrait-landscape"></i> <code>.gemicon-small-ipad-potrait-landscape</code></li>
<li><i class="gemicon-small-ipad-potrait-landscape2"></i> <code>.gemicon-small-ipad-potrait-landscape2</code></li>
<li><i class="gemicon-small-ipad-potrait"></i> <code>.gemicon-small-ipad-potrait</code></li>
<li><i class="gemicon-small-ipad-landscape"></i> <code>.gemicon-small-ipad-landscape</code></li>
<li><i class="gemicon-small-iphone-potrait-landscape"></i> <code>.gemicon-small-iphone-potrait-landscape</code></li>
<li><i class="gemicon-small-iphone-potrait-landscape2"></i> <code>.gemicon-small-iphone-potrait-landscape2</code></li>
<li><i class="gemicon-small-iphone-potrait"></i> <code>.gemicon-small-iphone-potrait</code></li>
<li><i class="gemicon-small-iphone-landscape"></i> <code>.gemicon-small-iphone-landscape</code></li>
<li><i class="gemicon-small-polaroid"></i> <code>.gemicon-small-polaroid</code></li>
<li><i class="gemicon-small-polaroid2"></i> <code>.gemicon-small-polaroid2</code></li>
<li><i class="gemicon-small-photo"></i> <code>.gemicon-small-photo</code></li>
<li><i class="gemicon-small-photo2"></i> <code>.gemicon-small-photo2</code></li>
<li><i class="gemicon-small-basil"></i> <code>.gemicon-small-basil</code></li>
<li><i class="gemicon-small-fish"></i> <code>.gemicon-small-fish</code></li>
<li><i class="gemicon-small-fridge"></i> <code>.gemicon-small-fridge</code></li>
<li><i class="gemicon-small-grill"></i> <code>.gemicon-small-grill</code></li>
<li><i class="gemicon-small-hood-food"></i> <code>.gemicon-small-hood-food</code></li>
<li><i class="gemicon-small-microwave"></i> <code>.gemicon-small-microwave</code></li>
<li><i class="gemicon-small-spatula"></i> <code>.gemicon-small-spatula</code></li>
<li><i class="gemicon-small-plate"></i> <code>.gemicon-small-plate</code></li>
<li><i class="gemicon-small-fork-spoon"></i> <code>.gemicon-small-fork-spoon</code></li>
<li><i class="gemicon-small-fork-knife"></i> <code>.gemicon-small-fork-knife</code></li>
<li><i class="gemicon-small-jar"></i> <code>.gemicon-small-jar</code></li>
<li><i class="gemicon-small-mayonnaise"></i> <code>.gemicon-small-mayonnaise</code></li>
<li><i class="gemicon-small-ketchup"></i> <code>.gemicon-small-ketchup</code></li>
<li><i class="gemicon-small-bottle-label"></i> <code>.gemicon-small-bottle-label</code></li>
<li><i class="gemicon-small-bottle"></i> <code>.gemicon-small-bottle</code></li>
<li><i class="gemicon-small-breads"></i> <code>.gemicon-small-breads</code></li>
<li><i class="gemicon-small-whitebread"></i> <code>.gemicon-small-whitebread</code></li>
<li><i class="gemicon-small-drop"></i> <code>.gemicon-small-drop</code></li>
<li><i class="gemicon-small-bowl-chopsticks"></i> <code>.gemicon-small-bowl-chopsticks</code></li>
<li><i class="gemicon-small-bowl-chopsticks2"></i> <code>.gemicon-small-bowl-chopsticks2</code></li>
<li><i class="gemicon-small-hot-ramen"></i> <code>.gemicon-small-ramen</code></li>
<li><i class="gemicon-small-egg"></i> <code>.gemicon-small-egg</code></li>
<li><i class="gemicon-small-cupcake"></i> <code>.gemicon-small-cupcake</code></li>
<li><i class="gemicon-small-cake"></i> <code>.gemicon-small-cake</code></li>
<li><i class="gemicon-small-candy"></i> <code>.gemicon-small-candy</code></li>
<li><i class="gemicon-small-lollipop"></i> <code>.gemicon-small-lollipop</code></li>
<li><i class="gemicon-small-lollipop2"></i> <code>.gemicon-small-lollipop2</code></li>
<li><i class="gemicon-small-pizza"></i> <code>.gemicon-small-pizza</code></li>
<li><i class="gemicon-small-pizza2"></i> <code>.gemicon-small-pizza2</code></li>
<li><i class="gemicon-small-refresh"></i> <code>.gemicon-small-refresh</code></li>
<li><i class="gemicon-small-prev"></i> <code>.gemicon-small-prev</code></li>
<li><i class="gemicon-small-play"></i> <code>.gemicon-small-play</code></li>
<li><i class="gemicon-small-pause"></i> <code>.gemicon-small-pause</code></li>
<li><i class="gemicon-small-next"></i> <code>.gemicon-small-next</code></li>
<li><i class="gemicon-small-repeat"></i> <code>.gemicon-small-repeat</code></li>
<li><i class="gemicon-small-stop"></i> <code>.gemicon-small-stop</code></li>
<li><i class="gemicon-small-music"></i> <code>.gemicon-small-music</code></li>
<li><i class="gemicon-small-shuffle"></i> <code>.gemicon-small-shuffle</code></li>
</ul>
</div>
</div>
</div>
<footer>
<script>var d = new Date(); if (d.getFullYear() === 2013) { document.write('2013'); } else { document.write('2013-' + d.getFullYear()); }</script> &copy; <strong>uAdmin 1.0</strong> - Crafted with <i class="icon-heart"></i> by <strong><a href="http://themeforest.net/user/pixelcave/portfolio?ref=pixelcave" target="_blank">pixelcave</a></strong>
</footer>
</div>
</div>
<a href="#" id="to-top"><i class="icon-chevron-up"></i></a>
<div id="modal-user-settings" class="modal hide">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4>Profile Settings</h4>
</div>
<div class="modal-body">
<ul id="example-user-tabs" class="nav nav-tabs">
<li class="active"><a href="#example-user-tabs-account"><i class="icon-cogs"></i> Account</a></li>
<li><a href="#example-user-tabs-profile"><i class="icon-user"></i> Profile</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="example-user-tabs-account">
<div class="alert alert-success">
<button type="button" class="close" data-dismiss="alert">&times;</button>
<strong>Success!</strong> Password changed!
</div>
<form class="form-horizontal" />
<div class="control-group">
<label class="control-label" for="example-user-username">Username</label>
<div class="controls">
<input type="text" id="example-user-username" class="disabled" value="administrator" disabled="" />
<span class="help-block">You can't change your username!</span>
</div>
</div>
<div class="control-group">
<label class="control-label" for="example-user-pass">Password</label>
<div class="controls">
<input type="password" id="example-user-pass" />
<span class="help-block">if you want to change your password enter your current for confirmation!</span>
</div>
</div>
<div class="control-group">
<label class="control-label" for="example-user-newpass">New Password</label>
<div class="controls">
<input type="password" id="example-user-newpass" />
</div>
</div>
</form>
</div>
<div class="tab-pane" id="example-user-tabs-profile">
<h5 class="page-header-sub hidden-phone">Image</h5>
<div class="form-horizontal hidden-phone">
<div class="control-group">
<img src="img/placeholders/image_dark_120x120.png" alt="image" />
</div>
<div class="control-group">
<form action="index.php" class="dropzone" />
<div class="fallback">
<input name="file" type="file" />
</div>
</form>
</div>
</div>
<form class="form-horizontal" />
<h5 class="page-header-sub">Details</h5>
<div class="control-group">
<label class="control-label" for="example-user-firstname">Firstname</label>
<div class="controls">
<input type="text" id="example-user-firstname" value="John" />
</div>
</div>
<div class="control-group">
<label class="control-label" for="example-user-lastname">Lastname</label>
<div class="controls">
<input type="text" id="example-user-lastname" value="Doe" />
</div>
</div>
<div class="control-group">
<label class="control-label" for="example-user-gender">Gender</label>
<div class="controls">
<select id="example-user-gender">
<option />Male
<option />Female
</select>
</div>
</div>
<div class="control-group">
<label class="control-label" for="example-user-birthdate">Birthdate</label>
<div class="controls">
<div class="input-append">
<input type="text" id="example-user-birthdate" class="input-small input-datepicker" />
<span class="add-on"><i class="icon-calendar"></i></span>
</div>
</div>
</div>
<div class="control-group">
<label class="control-label" for="example-user-skills">Skills</label>
<div class="controls">
<select id="example-user-skills" multiple="multiple" class="select-chosen">
<option selected="" />html
<option selected="" />css
<option />javascript
<option />php
<option />mysql
</select>
</div>
</div>
<div class="control-group">
<label class="control-label" for="example-user-bio">Bio</label>
<div class="controls">
<textarea id="example-user-bio" class="textarea-elastic" rows="3">Bio Information..</textarea>
</div>
</div>
<h5 class="page-header-sub">Social</h5>
<div class="control-group">
<label class="control-label" for="example-user-fb">Facebook</label>
<div class="controls">
<div class="input-append">
<input type="text" id="example-user-fb" />
<span class="add-on"><i class="icon-facebook"></i></span>
</div>
</div>
</div>
<div class="control-group">
<label class="control-label" for="example-user-twitter">Twitter</label>
<div class="controls">
<div class="input-append">
<input type="text" id="example-user-twitter" />
<span class="add-on"><i class="icon-twitter"></i></span>
</div>
</div>
</div>
<div class="control-group">
<label class="control-label" for="example-user-pinterest">Pinterest</label>
<div class="controls">
<div class="input-append">
<input type="text" id="example-user-pinterest" />
<span class="add-on"><i class="icon-pinterest"></i></span>
</div>
</div>
</div>
<div class="control-group">
<label class="control-label" for="example-user-github">Github</label>
<div class="controls">
<div class="input-append">
<input type="text" id="example-user-github" />
<span class="add-on"><i class="icon-github"></i></span>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="modal-footer">
<button class="btn btn-danger" data-dismiss="modal"><i class="icon-remove"></i> Close</button>
<button class="btn btn-success"><i class="icon-spinner icon-spin"></i> Save changes</button>
</div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>!window.jQuery && document.write(unescape('%3Cscript src="js/vendor/jquery-1.8.3.min.js"%3E%3C/script%3E'));</script>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
</body>
</html>